<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"  %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>风格服装工作室</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/style.css">
</head>

<body>
	<div id="wrapper">

		<a href="#" id="back-to-top"></a>

		<!-- Logo+品牌区 开始 -->
		<div id="logo">
			<a href="index.jsp"><img src="images/logoslo.jpg" alt="logo"/></a>
		</div>
		<!-- Logo+品牌区 结束 -->

		<!-- 导航条 开始-->
		<div id="nav">
			<ul>
				<li><a href=index.jsp>首页</a>&nbsp;&nbsp;|</li>
				<li><a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fda61b50001&currentPage=1&pageSize=8">T恤</a></li>
				<li><a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdaa0840002&currentPage=1&pageSize=8">球服</a></li>
				<li><a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdad84e0003&currentPage=1&pageSize=8">衬衫</a></li>
				<li><a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdafd470004&currentPage=1&pageSize=8">正装</a></li>
				<li><a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdb1c520005&currentPage=1&pageSize=8">礼服</a></li>
				<li>|&nbsp;&nbsp;<a href="process.jsp">流程</a></li>
			</ul>
		</div>
		<!-- 导航条 结束-->

		<!-- 广告区 开始 -->
		<div id="ad">
			<s:action name="ListPhotoShow" executeResult="true">
			</s:action>
		</div>
		<!-- 广告区 结束 -->


		<!-- 最热区 开始 -->
		<div id="hot" class="clearfix">
			<s:action name="listHotShow" executeResult="true">
				<s:param name="isHot">1</s:param>
			</s:action>
			<img src="images/hot.jpg" alt="hot" class="whatHot"/>

		</div>
		<!-- 最热区 结束 -->

		<span class="separator"></span>

		<!-- 产品区 开始 -->
		<div id="product" class="clearfix">

			<div class="p-tshirt clearfix">
				<div class="p-board">
					<img src="images/tshirt.jpg" alt="tshirt" />
					<h2>T 恤</h2>
					<p class="p-b-share">今日新分享</p>
					<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fda61b50001&currentPage=1&pageSize=20"><img src="images/more.jpg" alt="more"/></a>
					<s:action name="getProductSize" executeResult="true">
						<s:param name="categoryid">402881e43a3fd17f013a3fda61b50001</s:param>
					</s:action>
					<span>圆领</span>/<span>翻领</span>/
					<span>长袖</span>/<span>短袖</span>
				</div>
				
				<s:action name="getProductListShow" executeResult="true">
					<s:param name="categoryid">402881e43a3fd17f013a3fda61b50001</s:param>
					<s:param name="currentPage">1</s:param>
					<s:param name="pageSize">8</s:param>
				</s:action>
			
				</div>

			<div class="p-jersey clearfix">
				<div class="p-board">
					<img src="images/jersey.jpg" alt="jersey" />
					<h2>球 服</h2>
					<p class="p-b-share">今日新分享</p>
					<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdaa0840002&currentPage=1&pageSize=20"><img src="images/more.jpg" alt="more"/></a>
					<s:action name="getProductSize" executeResult="true">
						<s:param name="categoryid">402881e43a3fd17f013a3fdaa0840002</s:param>
					</s:action>
					<span>篮球服</span>/<span>足球服</span>
				</div>

				<s:action name="getProductListShow" executeResult="true">
					<s:param name="categoryid">402881e43a3fd17f013a3fdaa0840002</s:param>
					<s:param name="currentPage">1</s:param>
					<s:param name="pageSize">8</s:param>
				</s:action>
				</div>

			<div class="p-shirt clearfix">
				<div class="p-board">
					<img src="images/shirt.jpg" alt="shirt" />
					<h2>衬 衫</h2>
					<p class="p-b-share">今日新分享</p>
					<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdad84e0003&currentPage=1&pageSize=20"><img src="images/more.jpg" alt="more"/></a>
					<s:action name="getProductSize" executeResult="true">
						<s:param name="categoryid">402881e43a3fd17f013a3fdad84e0003</s:param>
					</s:action>
					<span>短袖</span>/<span>长袖</span>
				</div>
				
				<s:action name="getProductListShow" executeResult="true">
					<s:param name="categoryid">402881e43a3fd17f013a3fdad84e0003</s:param>
					<s:param name="currentPage">1</s:param>
					<s:param name="pageSize">8</s:param>
				</s:action>

			</div>

			<div class="p-suit clearfix">
				<div class="p-board">
					<img src="images/suit.jpg" alt="suit" />
					<h2>正 装</h2>
					<p class="p-b-share">今日新分享</p>
					<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdafd470004&currentPage=1&pageSize=20"><img src="images/more.jpg" alt="more"/></a>
					<s:action name="getProductSize" executeResult="true">
						<s:param name="categoryid">402881e43a3fd17f013a3fdafd470004</s:param>
					</s:action>
					<span>男装</span>/<span>女装</span>
				</div>

				<s:action name="getProductListShow" executeResult="true">
					<s:param name="categoryid">402881e43a3fd17f013a3fdafd470004</s:param>
					<s:param name="currentPage">1</s:param>
					<s:param name="pageSize">8</s:param>
				</s:action>
				</div>

			<div class="p-dress clearfix">
				<div class="p-board">
					<img src="images/dress.jpg" alt="dress" />
					<h2>礼 服</h2>
					<p class="p-b-share">今日新分享</p>
					<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdb1c520005&currentPage=1&pageSize=20"><img src="images/more.jpg" alt="more"/></a>
					<s:action name="getProductSize" executeResult="true">
						<s:param name="categoryid">402881e43a3fd17f013a3fdb1c520005</s:param>
					</s:action>
					<span>新郎服</span>/<span>新娘服</span>
				</div>

					<s:action name="getProductListShow" executeResult="true">
						<s:param name="categoryid">402881e43a3fd17f013a3fdb1c520005</s:param>
						<s:param name="currentPage">1</s:param>
						<s:param name="pageSize">8</s:param>
					</s:action>

				</div>

		</div>
		<!-- 产品区 结束 -->


		<!-- 服务区 开始 -->
		<div id="services">
			<a href="process.jsp"><img src="images/process.jpg" alt="process"/></a>
		</div>
		<!-- 服务区 结束 -->
	</div>

	<%@include file="common/footer.jsp" %>
	
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
<script>
$(function(){
	$(window).scroll(function(){
		if ($(window).scrollTop()>100){
			$("#back-to-top").fadeIn(1500); }
		else{
			$("#back-to-top").fadeOut(1500); }
	});

	$("#back-to-top").click(function(){
		$('body,html').animate({scrollTop:0},1000);
		return false;
	});

	$(".p-item").hover(function(){
		$(this).find("p").animate({bottom:'0'},50);
	}, function(){
		$(this).find("p").animate({bottom:'-20px'},50);
	});

	$("img.lazy").lazyload({effect : "fadeIn"});
});
</script>
</body>
</html>
